<template>
<div class="nav">
  <router-link to="/">Home</router-link> |
  <router-link to="/wallet">My IDs</router-link> |
  <router-link to="/contacts">Contacts</router-link> |
  <router-link to="/ring">Ring</router-link> |
  <router-link to="/transport">Import/Export</router-link>
</div>
</template>

<script>
export default {
    name: "Navbar"
}
</script>

<style scoped>
.nav {
    padding: 30px;
}

.nav a, .nav text {
    font-weight: bold;
    color: #2c3e50;
}

.nav a.router-link-exact-active, .nav text.router-link-exact-active {
    color: #42b983;
}
</style>
